<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <title>部落 - 视频</title>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <!-- Bootstrap -->
    <link href="static/css/pc/minCss/bootstrap.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="static/css/pc/minCss/all.min.css"/>
    <link rel="stylesheet" href="static/css/pc/destVersion1.1/tribe-show.css"/>

    <!--播放器-->
    <link rel="stylesheet" href="static/js/pc/mediaelement/build/mediaelementplayer.css">

    <!--[if lt IE 9]>
    <script src="static/js/pc/dest/html5shiv.min.js"></script>
    <script src="static/js/pc/dest/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<div id="tribe-cartoon">
    <div id="header" style="height: 50px;  "></div>
    <div class="container">
        <span class="pull-right mt25 mr15 cur">编辑背景</span>
        <div class="cartoon-header">
            <div class="tribe-icon">
                <img src="static/images/pc/logo_bg.png" alt="" class="img-thumbnail">
                <a class="tribe-edit-icon" title="编辑图标"></a>
            </div>
            <div class="tools-bar">
                <li class="btn-yellow-40">+ 加入部落</li>
                <li>赞</li>
                <li class="badge">100</li>
                <li>vip</li>
            </div>
            <div class="tribe-info">
                <span>孙悟空</span>
                <span>高中的时候上课无聊和同桌聊天，他慷慨激昂的给我讲述着他好几年前和小伙伴去偷别人家的废铁，然后卖钱买冰棍的故事，我才发现原来我姥姥家后院丢的废铁都是他偷的。</span>
                <div>酋长 : <span class="cur">隔壁老王</span></div>
            </div>
            <div class="tribe-honor">
                <li><span>粉丝:</span><span>100</span></li>
                <li><span>赞&emsp;: </span><span>1000</span></li>
                <li><span>诞生: </span><span>200</span></li>
            </div>
            <h1 class="tribe-bias"><span class="tribe-arrow"></span></h1>
            <span class="tribe-start">★</span>
        </div>
        <div class="cartoon-content">
            <div class="content-nav">
                <li>人物造型</li>
                <li>漫画</li>
                <li class="selected-yellow">视频</li>
                <li>剧集</li>
                <button type="button" class="btn-yellow-40">上传作品</button>
                <li class="exit">编辑</li>

            </div>
            <ul class="cartoon-content-list">
                <li class="video-detail">
                    <a href=" http://v.youku.com/v_show/id_XMTY5NDQwOTIxNg==.html?beta&from=y1.3-idx-beta-1519-23042.236734-235940.4-1" target="_blank">
                    <img src="/static/images/pc/version1.1/test/01.jpg" alt="" data-target="http://share.vrs.sohu.com/3174240/v.swf&topBar=1&autoplay=false&plid=9076231&pub_catecode=0&from=page">
                    </a>
                    <span class="cartoon-del"></span>
                </li>
                <li class="video-detail">
                    <img src="/static/images/pc/version1.1/test/01.jpg" alt="" data-target="/static/video/video2.mp4"
                           preload="metadata"></video>
                    <span class="cartoon-del"></span>

                </li>
                <li class="video-detail">
                    <video src="/static/video/video2.mp4" controls="controls" type="video/mp4" width="100%" height="190"
                           preload="metadata"></video>
                    <span class="cartoon-del"></span>
                    <b></b>
                </li>
                <li class="video-detail">
                    <video src="/static/video/video1.mp4" controls="controls" type="video/mp4" width="100%" height="190"
                           preload="metadata"></video>
                    <span class="cartoon-del"></span>
                </li>

            </ul>
            <div id="page"></div>
        </div>
        <div class="tribe-progress">

        </div>
        <div class="tribe-comments">
            <!--  发表评论  -->
            <div class="zcbl-comments">
                <div data-demdet="addcomment">
                    <p>评论（<span>35</span>）</p>
                    <div data-demdet="texeareabox">
                        <textarea name="demdet_addcomment"></textarea>
                        <span>0/140</span>
                    </div>
                    <div data-demdet="btn">
                        <button data-btn="orbgbtn" id="demdet_publish">发布</button>
                    </div>
                </div>
                <!--  评论列表  -->
                <div data-demdet="commentContent">
                    <div data-demdet="content">
                        <div data-demdet="contentLeft">
                            <img src="static/images/pc/demand/1.jpg" alt="">
                        </div>
                        <div data-demdet="contentRight">
                            <ul>
                                <li data-demdet="conhead"><h2 data-demdet="username">ABC</h2>
                                    <p>2016.5.13 13:00</p></li>
                                <li data-demdet="conbody">评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容</li>
                                <li data-demdet="confoot"><a href="#" data-demdet="answerbtn"><b></b>回复</a>|
                                    <button data-demdet="answerdel">删除</button>
                                </li>
                            </ul>
                        </div>

                    </div>
                    <div data-demdet="content">
                        <div data-demdet="contentLeft">
                            <img src="static/images/pc/demand/1.jpg" alt="">
                        </div>
                        <div data-demdet="contentRight">
                            <ul>
                                <li data-demdet="conhead"><h2 data-demdet="username">用户名用户名</h2>
                                    <div data-demdet="answer">回复:@<span>大小姐</span></div>
                                    <p>2016.5.13 7:31</p></li>
                                <li data-demdet="conbody">
                                    评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容@ABC
                                </li>
                                <li data-demdet="confoot"><a href="#" data-demdet="answerbtn"><b></b>回复</a>|
                                    <button data-demdet="answerdel">删除</button>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div data-demdet="content">
                        <div data-demdet="contentLeft">
                            <img src="static/images/pc/demand/1.jpg" alt="">
                        </div>
                        <div data-demdet="contentRight">
                            <ul>
                                <li data-demdet="conhead"><h2 data-demdet="username">大小姐</h2>
                                    <p>2016.5.13 7:31</p></li>
                                <li data-demdet="conbody">评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容</li>
                                <li data-demdet="confoot"><a href="#" data-demdet="answerbtn"><b></b>回复</a>|
                                    <button data-demdet="answerdel">删除</button>
                                </li>
                            </ul>
                        </div>

                    </div>
                </div>
            </div>
            <!--评论分页-->
            <div class="zcbl-page">
                <ul>
                    <li class="zcbl-thisPage">1</li>
                    <li class="zcbl-defaultPage"><a href="#" target="_blank">2</a></li>
                    <li class="zcbl-defaultPage"><a href="#" target="_blank">3</a></li>
                    <li class="zcbl-defaultPage"><a href="#" target="_blank">4</a></li>
                    <li class="zcbl-defaultPage"><a href="#" target="_blank">…</a></li>
                    <li class="zcbl-defaultPage"><a href="#" target="_blank">7</a></li>
                    <li class="zcbl-nextPage"><a href="#" target="_blank">&nbsp;</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>

<!-- 视频 -->
<div class="modal fade" id="demand_chooseworks-video" aria-hidden="true">
    <button type="button" class="close zcbl-close" data-dismiss="modal" aria-hidden="true"></button>
    <div class="zcbl-modal-6">
        <!--编辑视频 start-->
        <div class="per-view-box">
            <div class="per-view-user">
                <div class="per-view-uerImg">
                    <a href="./personal-artwork-pic.html" target="_blank"><img
                            src="static/images/pc/personal/user.jpg" height="100" width="100" alt=""/></a>
                </div>
                <div class="per-view-userInfo">
                    <p><a href="./personal-artwork-pic.html" target="_blank">用户名用户名</a></p>
                    <p class="per-site">北京，中国</p>
                </div>
                <div class="clear"></div>
            </div>
            <div class="videoBody">
                <object width=980 height=550>
                    <param name="movie"
                           value="http://share.vrs.sohu.com/3174240/v.swf&topBar=1&autoplay=false&plid=9076231&pub_catecode=0&from=page"></param>
                    <param name="allowFullScreen" value="true"></param>
                    <param name="allowscriptaccess" value="always"></param>
                    <param name="wmode" value="Transparent"></param>
                    <embed width=980 height=550 wmode="Transparent" allowfullscreen="true"
                           allowscriptaccess="always" quality="high"
                           src=""
                           type="application/x-shockwave-flash"/>
                    </embed>
                </object>
                <div class="clear mt25"></div>
            </div>
        </div>

    </div>
    <!--编辑视频 end-->
</div>

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="static/js/pc/dest/jquery-1.11.3.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="static/js/pc/dest/bootstrap.min.js"></script>
<script src="static/js/pc/mediaelement/build/mediaelement-and-player.js"></script>
<script src="static/js/pc/jquery.form-master/jquery.form.js"></script>
<script src="static/js/pc/dest/all.min.js"></script>
<script>
    $(function () {
        $('audio,video').mediaelementplayer({
            // automatically create these translations on load
            translations: ['es', 'ar', 'yi', 'zh-cn'],
            // allow the user to add additional translations
            translationSelector: true,
            defaultVideoWidth: 200,
            // default if the <video height> is not specified
            defaultVideoHeight: 200,
            // start with English automatically turned on
            startLanguage: 'en'
        });
    })
</script>
<!--
<script>
    $('body').delegate(".video-detail", "click", function () {
        var url = $(this).children('img').attr('data-target');
        $('#demand_chooseworks-video').modal();
        $('#demand_chooseworks-video .videoBody  embed').attr('src', url);
    });
</script>
-->
</body>
</html>